#teach-building{
	z-index: 3000;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#teach-building h1,#teach-building h2,#teach-building h3,#teach-building h4,#teach-building h5,#teach-building h6{
	font-size:24px;
}
.class-mid-bigwall-left{
width: 20px;
height: 100%;
border: 1px solid #40576D;
background: #6A7B8B;
position: absolute;
top: 0;

float: left;
}
.class-mid-floor
{
	position: absolute;
	top :0;
	width: 100%;
	height: 100%;
	background-image: url('../img/classroom.png');
	background-repeat: repeat;

	border:1px solid #BAC5C8;
}

.class-mid-wall_up
{
	width: 100%;
	height: 20px;

	border-bottom: 1px solid  #40576D;
	border-top: 1px solid  #40576D;

	background: #6A7B8B;

	position: absolute;
	top: 0;
	left: 0;
	float: left;
}
.class-mid-wall_left
{
	width: 10px;
	height: 40%;

	border-right: 1px solid #A9B3C2;
	border-bottom: 1px solid #A9B3C2;

	background: #D7DFEA;

	position: absolute;
	top: 22px;
	left: 0;
	float: left;
}
.class-mid-wall_right
{
	width: 10px;
	height: 40%;

	border-left: 1px solid #A9B3C2;
	border-bottom: 1px solid #A9B3C2;

	background: #D7DFEA;

	position: absolute;
	top: 22px;
	right: 0;
	float: right;
}
.class-mid-wall_down_left
{
	width: 10px;
	height: 40%;

	border-right: 1px solid #A9B3C2;
	border-top: 1px solid #A9B3C2;

	background: #D7DFEA;

	position: absolute;
	bottom: 10px;
	left: 0;
	float: bottom;
	float: left;
}
.class-mid-wall_down_right
{
	width: 10px;
	height: 40%;

	border-left: 1px solid #A9B3C2;
	border-top: 1px solid #A9B3C2;

	background: #D7DFEA;

	position: absolute;
	bottom: 10px;
	right: 0;
	float: bottom;
	float: right;
}
.class-mid-bigwall_down_left
{
	width: 42%;
	height: 20px;

	border-right: 1px solid  #40576D;
	border-top: 1px solid  #40576D;
	border-bottom: 1px solid  #40576D;

	background: #6A7B8B;

	position: absolute;
	left: 0;
	bottom: -10px;
	float: left;
	float: bottom;
}
.class-mid-bigwall_down_right
{
	width: 42%;
	height: 20px;

	border-left: 1px solid  #40576D;
	border-top: 1px solid  #40576D;
	border-bottom: 1px solid  #40576D;

	background: #6A7B8B;

	position: absolute;
	right: 0;
	bottom: -10px;
	float: right;
	float: bottom;
}

.class-mid-left
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_left1.png');

	position: absolute;
	left: 1%;
	top: 45%;
}
.class-mid-left:hover
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_left2.png');

	position: absolute;
	left: 1%;
	top: 45%;
}
.class-mid-right
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_right1.png');

	position: absolute;
	right: 1%;
	top: 45%;
}
.class-mid-right:hover
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_right2.png');

	position: absolute;
	right: 1%;
	top: 45%;
}
.class-mid-down
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_down1.png');

	position: absolute;
	left: 48%;
	bottom: 1%;
}
.class-mid-down:hover
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_down2.png');

	position: absolute;
	left: 48%;
	bottom: 1%;
}



.class-mid-board
{
	width: 70%;
	height: 70%;

	background-color: #fff;
	border:1px solid #fff;

	position: absolute;
	top: 20%;
	left: 15%;
}

.class-mid-boardafter
{
	width: 100%;
	height: 100%;
	background-color: #999;

	position: absolute;
	top: 10px;
	left: 10px;

	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-khtml-opacity: 0.5;
 	opacity: 0.5;
}
.class-mid-boardname
{
	width: 20%;
	height: 40px;
	background-color: #fff;

	text-align: center;


	position: absolute;
	top: -26px;
	left: 38%;
	z-index: 2;

	border: 1px solid;
	border-color: #999;
	padding: 8px 0 0 0;
}
.class-mid-boardbody
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	border:1px solid #999;

	position: absolute;
	top: 0%;
	left: 0%;
}
.class-mid-nameafter
{
	width: 20.5%;
	height: 47px;
	background-color: #999;

	position: absolute;
	top: -18px;
	left: 39%;
	z-index: 2;

	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-khtml-opacity: 0.5;
 	opacity: 0.5;
}
.class-mid-textbox
{
	width: 100%;
	height: 100%;

	position: absolute;


}

.class-mid-floor1
{
	width: 80%;
	height: 25%;

	position: relative;
	top: 15%;
	left: 10%;
	margin-bottom: 20px;
	background-color:#ACE4D2;
}
.class-mid-floorname
{
	width: 60px;
	height:30px;
	font-family: '幼圆','黑体';

	top: 30%;
	left: 30%;
}
.class-mid-floor2
{
	width: 80%;
	height: 25%;
	background-image: url('../img/blue.jpg');
	background-repeat: repeat;

	position: absolute;
	margin: 50% 10%;
}
.class-mid-floor3
{
	width: 80%;
	height: 25%;
	background-image: url('../img/green.jpg');
	background-repeat: repeat;

	position: absolute;
	margin: 85% 10%;
}
.class-mid-board .class-mid-textbox li{
	display: inline;

}
.class-right-floor
{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url('../img/classroom.png');
	background-repeat: repeat;

	border:1px solid #BAC5C8;
}

.class-right-bigwall_up
{
	width: 100%;
	height: 20px;

	border-bottom: 1px solid  #40576D;
	border-top: 1px solid  #40576D;

	background: #6A7B8B;

	position: absolute;
	top: 0;
	left: 0;
	float: left;
}
.class-right-wall_up_left
{
	width: 10px;
	height: 40%;

	border-right: 1px solid #A9B3C2;
	border-bottom: 1px solid #A9B3C2;

	background: #D7DFEA;

	position: absolute;
	top: 22px;
	left: 0;
	float: left;
}
.class-right-bigwall_right
{
	width: 20px;
	height: 100%;

	border: 1px solid #40576D;

	background: #6A7B8B;

	position: absolute;
	top: 0;
	right: 0;
	float: right;
}
.class-right-wall_down_left
{
	width: 10px;
	height: 40%;

	border-right: 1px solid #A9B3C2;
	border-top: 1px solid #A9B3C2;

	background: #D7DFEA;

	position: absolute;
	bottom: 10px;
	left: 0;
	float: bottom;
	float: left;
}

.class-right-bigwall_down
{
	width: 100%;
	height: 20px;

	border: 1px solid  #40576D;

	background: #6A7B8B;

	position: absolute;
	left: 0;
	bottom: -2px;
	float: left;
	float: bottom;
}

.class-right-left
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_left1.png');

	position: absolute;
	left: 1%;
	top: 45%;
}
.class-right-left:hover
{
	width: 50px;
	height: 50px;
	background-image: url('../img/b_left2.png');

	position: absolute;
	left: 1%;
	top: 45%;
}



.class-right-board
{
	width: 70%;
	height: 70%;

	background-color: #fff;
	border:1px solid #fff;

	position: absolute;
	top: 15%;
	left: 15%;
}

.class-right-boardafter
{
	width: 100%;
	height: 100%;
	background-color: #999;

	position: absolute;
	top: 10px;
	left: 10px;

	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-khtml-opacity: 0.5;
 	opacity: 0.5;
}
.class-right-boardname
{
	width: 20%;
	height: 40px;
	background-color: #fff;

	text-align: center;

	position: absolute;
	top: -26px;
	left: 38%;
	z-index: 2;

	border: 1px solid;
	border-color: #999;
	padding: 3px;
}
.class-right-boardbody
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	border:1px solid #999;

	position: absolute;
	top: 0%;
	left: 0%;
}
.class-right-nameafter
{
	width: 20.5%;
	height: 47px;
	background-color: #999;

	position: absolute;
	top: -18px;
	left: 39%;
	z-index: 2;

	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-khtml-opacity: 0.5;
 	opacity: 0.5;
}
.class-right-ul
{	
	list-style: none;
}
.class-right-li
{
	list-style: none;
	display: inline-block;
}
.class-right-frame
{
	width: 90%;
	height: 84%;
	position: absolute;
	left: 5%;
	top: 8%;
}
.class-right-note
{
	display: inline-block;
	zoom: 1;
	position: relative;
	vertical-align: top;
	cursor: pointer;
	width: 200px;
	height: 180px;
	padding: 18px;
	margin: 0px 0 14px 14px;
	background: #edf2f5;
	word-wrap: break-word;

	border-right: 1px solid #d7e1e8;
	border-bottom: 1px solid #d7e1e8;

}
.class-right-photo img
{
	width: 40px;
	height: 40px;

	display: inline-block;
}
.class-right-infor
{
	width: auto;
	height: auto;
	display: inline-block;
}
.class-right-name
{
	font-size: 12;
	color: #6a93af;
}
.class-right-time
{
	font-size: 12;
	color: #cccaca;
}
.class-right-action
{
	width: auto;
	height: auto;
	float: right;
	right: 15px;
}
.class-right-share
{
	width: 12px;
	height: 12px;
	background-image: url('../img/b_share.png');
	margin-right: 5px;
	display: inline-block;
}
.class-right-chat
{
	width: 12px;
	height: 12px;
	background-image: url('../img/b_chat.png');
	margin-right: 5px;
	display: inline-block;
}

.class-right-textbox
{
	width: 100%;
	height: 75%;
	position: relative;
	top:10px;
	background-image: url('../img/start.png');
	background-repeat: no-repeat;
}
.class-right-text
{
	width: 90%;
	height: 100%;
	position: relative;
	float: right;

	font-size: 14;
	line-height: 1.5em;
}
.class-right-post
{
	width: 50px;
	height: 50px;
	background-image: url('../img/post.png');

	position: absolute;
	float: right;
	top:-26px;
	right: 120px;
}
.class-right-post:hover
{
	width: 50px;
	height: 50px;
	background-image: url('../img/post.png') -38px 0;

	position: absolute;
	float: right;
	top:-26px;
	right: 120px;
}